.area{
    width: 1200px;
    margin: 0 auto;
}
.pic {
    width: 100%;
    height: 700px;
    background: url(../images/big-pic.jpg)no-repeat center top;
}

.idx-about {
    width: 100%;
    padding: 47px 0 50px;
    overflow: hidden;
}

.idx-about .fix-width .fix-1 {
    float: left;
    width: 670px;
    height: 440px;
}

.idx-about .fix-width .fix-2 {
    float: left;
    width: 500px;
    height: 440px;
    padding: 0 80px 0 72px;
    box-sizing: border-box;
    background-image: url(../images/idx-aboutbg.png) no-repeat right top;
}

.idx-about .fix-width .fix-2 .tit {
    padding: 44px 0 24px;
    margin-bottom: 16px;
    font-size: 18px;
    text-transform: uppercase;
    color: #f68c1e;
}

.idx-about .fix-width .fix-2 .tit h2 {
    font-size: 22px;
    margin-top: 2px;
    font-weight: bold;
    margin-bottom: 30px;
}

.idx-about .fix-width .fix-2 .tit .tit-b {
    width: 378px;
    height: 128px;
    font-size: 14px;
    color: #666666;
    line-height: 32px;
}

.education {
    width: 100%;
    padding: 65px 0 70px;
    background-color: #fff;
}

.education .bix .title {
    width: 100%;
    text-align: center;
}

.education .bix .title h1 {
    width: 100%;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.education .bix .title p {
    padding: 0 82px;
    font-size: 14px;
    color: #999999;
}

.education .bix .page {
    width: 100%;
    height: 40px;
    position: relative;
    text-align: center;
    padding-top: 50px;
}

.education .bix .page span {
    width: auto;
    height: 40px;
    line-height: 40px;
    margin-right: 40px;
    font-size: 16px;
    display: inline-block;
    position: relative;
}

.education .bix .page .biao span.active-2 {
    background-color: #f68c1e;
}

.education .bix .page .btn {
    position: absolute;
    height: 40px;
    top: 50px;
    left: 50%;
    margin-left: 300px;
}

.education .bix .page .btn div {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #333;
    border-radius: 20px;
    float: left;
    margin-right: 10px;
    font-size: 18px;
}

.education .bix .slideshow {
    width: 100%;
    height: 480px;
    overflow: hidden;
    margin-top: 30px;
}

.education .bix .slideshow .pic {
    width: 1200px;
}

.education .bix .slideshow .pic .ti {
    display: none;
    width: 1200px;
    height: 480px;
    float: left;
    background-color: #f68c1e;
}

.education .bix .slideshow .pic .ti .conten {
    width: 352px;
    height: 480px;
    float: left;
    box-sizing: border-box;
    padding: 40px 90px 0 50px;
    background-color: #fff;
}

.education .bix .slideshow .pic .ti .conten .ps1 p {
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
}

.education .bix .slideshow .pic .ti .conten .ps1 h2 {
    font-size: 20px;
    color: #333;
}

.education .bix .slideshow .pic .ti .conten .ps1 span {
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 30px;
    background: url(../images/icon-dian.png);
}

.education .bix .slideshow .pic .ti .conten .ps1 .jies {
    margin-top: 30px;
    height: 160px;
    line-height: 32px;
}

.education .bix .slideshow .pic .ti .qie {
    width: 760px;
    height: 480px;
    float: left;
}
/* 战略投资 */
.idx-strategic {
   height: 415px;
   padding: 112px 0 122px;
   background: url(../images/idx-strategicbg.png) no-repeat center center;
}
.idx-strategic .f-l {
   float: left;
   width: 600px;
   height: 415px;
}
.idx-strategic .f-l a {
   display: block;
   width: 540px;
   height: 68px;
}
.idx-strategic .f-l a h2 {
   font-size: 22px;
   color: #333;
   font-weight: bold;
   margin-bottom: 5px;
}
.idx-strategic .f-l .text {
   height: 160px;
   margin: 72px 0;
   font-size: 14px;
   color: #666666;
   line-height: 40px;
}
/* 社会责任 */
.shehu {
   width: 100%;
   padding: 65px 0 72px;
   background-color: #fff;
}
.shehu .title {
   width: 100%;
   line-height: 40px;
   text-align: center;
   margin-bottom: 20px;
}
.shehu .title h1 {
   font-size: 28px;
   font-weight: bold;
}
.shehu .pic-sheh {
   width: 100%;
   height: 480px;
   position: relative;
}
.shehu .pic-sheh a {
   display: none;
   width: 100%;
   height: 480px;
   position: absolute;
   top: 0;
   left: 0;
}
.shehu .pic-sheh a div{
   float: left;
}
.shehu .pic-sheh a .tu {
   width: 760px;
   height: 480px;
}
.shehu .pic-sheh a .conten {
   width: 440px;
   height: 480px;
   padding: 70px 0 0 75px;
   border-top:1px solid #dfdfdf;
   background-color: #fff;
   box-sizing: border-box;

}
.shehu .pic-sheh a .conten h1 {
   font-size: 22px;
   margin-top: 2px;
   color: #333;
}
.shehu .pic-sheh a .conten p {
   height: 160px;
   margin: 72px 0;
   font-size: 14px;
   line-height: 32px;
   color: #333;
}
.shehu .pic-sheh  .btn {
   position: absolute;
   height: 42px;
   top: 15px;
   right: 10px;
   z-index: 10;
}
.shehu .pic-sheh .btn div {
   display: inline-block;
   width: 40px;
   height: 40px;
   border: 1px solid #666666;
   border-radius: 20px;
   text-align: center;
   line-height: 40px;
   font-size: 20px;
}
/* 发展历程 */
.fazhan {
   width: 100%;
   padding-bottom: 40px;
   background-color: #f7faff !important;
}
.fazhan .title {
   display: block;
   width: 100%;
   color: #333;
   text-align: center;
}
.fazhan .title h1 {
   font-size: 26px;
   font-weight: bold;
}
.fazhan .title p {
   font-size: 14px;
   color: #999999;
   line-height: 40px;
}
.fazhan ul {
   width: 100%;
   height: auto;
   margin-top: 42px;
   overflow: hidden;
}
.fazhan ul li {
   width: 200px;
   float: left;
   margin-left: 40px;
   background-color:  #f7faff;
}
.fazhan ul li:nth-child(2){
   width: 180px;
   margin-left: 40px;
}
.fazhan ul li:nth-child(4){
   width: 230px;
   margin-left: 20px;
}
.fazhan ul li:nth-child(4) div {
   padding-left: 62px;
}
.fazhan ul li img {
   width: 214px;
   height: 184px;
}
.fazhan ul li div{
   margin-top: 20px;
}
.fazhan ul li div strong{
   font-size: 24px;
   font-weight: bold;
   color: #f68c1e;
}
.fazhan ul li div span {
   font-size: 20px;
   font-weight: bold;
   color: #f68c1e;
}
.fazhan ul li div p {
   margin-top: 22px;
   font-size: 16px;
   line-height: 24px;
}
.fazhan .gengd {
   display: block;
   width: 138px;
   height: 36px;
   border: 1px solid #cccccc;
   margin: 50px auto 0;
   line-height: 38px;
   text-align: center;
   font-size: 16px;
   color: #999999;
}
/* 新闻中心 */
.journalism {
   width: 100%;
   padding: 35px 0 80px;
   background-color: #fff;
}
.journalism .title {
   width: 100%;
   text-align: center;
}
.journalism .title h1 {
   font-size: 26px;
   font-weight: bold;
   color: #000;
}
.journalism .title p {
   font-size: 14px;
   line-height: 26px;
   color: #999999;
}
.journalism .overflow  {
   width: 100%;
   position: relative;
}
.journalism .overflow .page-s4 {
   width: 100%;
   text-align: center;
   margin-top: 50px;
}
.journalism .overflow .page-s4 span {
   padding-left: 20px;
   margin-right: 70px;
   font-size: 16px;
   cursor: pointer;
   position: relative;
}
.journalism .overflow .page-s4 span.active-4::before{
   content: '';
   position: absolute;
   top: 6px;
   left: 0;
   width: 4px;
   height: 4px;
   border: 2px solid #f68c1e;
   border-radius: 16px;
}
.journalism .overflow .xin-pic {
   width: 100%;
   height: 420px;
   margin-top: 75px;
   position: relative;
   overflow: hidden;
}
.journalism .overflow .xin-pic .pic-q {
   width: 100%;
   height: 100%;
   position: relative;
}
.journalism .overflow .xin-pic .box-pic {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: none;
}
.journalism .overflow .xin-pic .box-pic  .pic-q .qs1 {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   display: none;
}
.journalism .overflow .xin-pic .box-pic  .pic-q .qs1 a {
   display: block;
   float: left;
   width: 580px;
   height: 407px;
}
.journalism .overflow .xin-pic .box-pic  .pic-q .qs1 a p {
   line-height: 32px;
   color: #000;
}
.journalism .overflow .xin-pic .box-pic  .pic-q .qs1 a:nth-child(1){
   margin-right: 40px;
}
.journalism .overflow .xin-pic .box-pic  .pic-q .qs1 a img {
   width: 580px;
   height: 322px;
}
.journalism .overflow .xin-pic  .box-pic .pic-q .btn div{
   position: absolute;
   top: 50%;
   font-size: 18px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 16px;
   z-index: 10;
   background-color: #f68c1e;
}
.journalism .overflow .xin-pic .box-pic  .pic-q .btn .btn-praera {
   left: 0;
}
.journalism .overflow .xin-pic  .box-pic .pic-q .btn .btn-nenxt {
   right: 0;
}
.journalism .overflow .xin-pic .gengd {
   display: block;
   width: 138px;
   height: 36px;
   border: 1px solid #cccccc;
   line-height: 36px;
   text-align: center;
   margin: 40px auto 0;
}
.journalism .overflow  .cha{
   display: block;
   width: 138px;
   height: 36px;
   border: 1px solid #cccccc;
   line-height: 36px;
   text-align: center;
   color: #999999;
   margin: 40px auto 10px;
}